<%--
    Document   : consultarInspeccion
    Created on : 19/11/2010, 09:08:06 AM
    Author     : Patricia
--%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<% request.setAttribute("allowed", "Gestionar Sistemas de Extincion");%>
<%@ include file='../Templates/security.jsp' %>


<html xmlns="http://www.w3.org/1999/xhtml"/>


<h1 class="title">Gestión del Sistema de Extinción</h1>
<hr>
<p class="meta"></p>
<div class="entry">
    <center>
        <h1>Resultados de consulta de los Equipos de extinción</h1>
        <%-- Aqui comienza la implesion de los resultados--%>
        <%-- Aquí comienza la tabla de resultados de la consulta --%>
        <%-- esto es lo que debemos modificar para cada consulta --%>
        <div id="bodySort">
            <div style="overflow:auto">
                <table cellpadding="0" cellspacing="0" border="0" id="table" class="sortable">
                    <thead>
                        <tr>
                            <th class="nosort"><h5>Nro. Bien</h5></th>
                            <th><h5>Piso</h5></th>
                            <th><h5>Edificio</h5></th>
                            <th><h5>Tipo</h5></th>
                            <th><h5>Capacidad</h5></th>
                            <th><h5>Fecha Última Recarga</h5></th>
                            <th><h5>Status</h5></th>
                            <th><h5>Persona de Contacto</h5></th>
                            <th><h5>Senalizado</h5></th>
                            <th><h5>Usado</h5></th>
                            <th><h5>Referencia</h5></th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
            <%-- Aquí termina la tabla de resultados de la consulta --%>

            <div style="clear: both;">&nbsp;</div>

            <%-- Aquí se manejan las flechas, cantidad de paginas a mostrar y numero de pagina --%>
            <%-- esto no es necesario cambiarlo --%>
            <div id="controls">
                <div id="perpage">
                    <select onchange="sorter.size(this.value)">
                        <option value="5">5</option>
                        <option value="10" selected="selected">10</option>
                        <option value="20">20</option>
                        <option value="50">50</option>
                        <option value="100">100</option>
                    </select>
                    <span>Resultados por página</span>
                </div>
                <div id="navigation">
                    <img src="style/imagesTable/first.gif" width="16" height="16" alt="First Page" onclick="sorter.move(-1,true)" />
                    <img src="style/imagesTable/previous.gif" width="16" height="16" alt="First Page" onclick="sorter.move(-1)" />
                    <img src="style/imagesTable/next.gif" width="16" height="16" alt="First Page" onclick="sorter.move(1)" />
                    <img src="style/imagesTable/last.gif" width="16" height="16" alt="Last Page" onclick="sorter.move(1,true)" />
                </div>
                <div id="text">Página <span id="currentpage"></span> de <span id="pagelimit"></span></div>

            </div>
            <%-- Aquí termina el manejo de las flechas, cantidad de paginas a mostrar y numero de pagina --%>
            <script type="text/javascript">
                $.getJSON("consultarExtintor.do",function(data) {
                    $.each(data.consultarExtintor , function(i,item){
                        var string = "<tr><td>"+item.id_nro_bien+"</td><td>"+
                            item.id_piso+"</td><td>"+item.nombre_edificio+"</td><td>"
                            +item.tipo+"</td><td>"+item.capacidad+"</td><td>"+
                            item.fecha_ultima_recarga+"</td><td>"+item.status+
                            "</td><td>"+item.persona_contacto+"</td><td>"+
                            item.senalizado+"</td><td>"+item.usado+"</td><td>"+
                            item.referencia+"</td></tr>";
                        $('#table').append(string)
                    });
                });
            </script>
        </div>
        <%-- Aqui comienza la implesion de los resultados--%>

    </center>
</div>
<div style="clear: both;">&nbsp;</div>


